<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Login</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link href="statics/css/default.css" rel="stylesheet">

</head>
<body>
    <div class="container">
        <div class="login-box mt-3">
            <div class="form-tit mt-3">
                <div class="login-logo rounded-circle">
                    Urchin
                </div>
            </div>
            <form>
                <div class="form-group">
                    <label for="exampleInputEmail1">Email address</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
                    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                </div>
                <div class="form-group">
                    <label for="exampleInputPassword1">Password</label>
                    <div class="input-group mb-2 mr-sm-2">
                    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                    <div class="input-group-prepend">
                        <div class="input-group-text">@</div>
                    </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="exampleInputCheckCode">CheckCode</label>
                    <div class="input-group mb-2 mr-sm-2">

                        <img class="mr-sm-2" src="./uploads/5.jpg" alt=""/>
                        <input type="text" class="form-control" id="exampleInputCheckCode" placeholder="CheckCode">

                    </div>
                </div>

                <div class="form-check" >
                    <input type="checkbox" class="form-check-input" id="exampleCheck1">
                    <label class="form-check-label" for="exampleCheck1">Check me out</label>


                </div>
                <button type="submit" class="btn btn-primary mt-3 mb-3">Submit</button>
                <div class="form-group">
                    <a href="#" target="_blank" >Register</a>
                    <a href="#" target="_blank" style="float: right">忘记密码</a>
                </div>
                <div class="form-check" style="text-align: center">
                    <input type="checkbox" class="form-check-input" id="examplexieyi">
                    <label class="form-check-label" for="examplexieyi">用户协议</label>
                </div>
                <div class="form-logo mt-3">
                    <img src="./statics/img/icons/blog-login.gif">
                </div>
            </form>

        </div>

    </div>
</body>
</html>